@charset "utf-8";
.top-nav{height: 90px;padding: 0px 30px;}
.top-logo{height: 90px;line-height:90px;}
.store-select{height: 90px;padding-top: 34px; margin-left: 26px;}
.top-bar-area-select{border: 0px;font-size: 20px;height: 50px;background-color: transparent}
.top-nav-check{width: 42px; background: url("../img/icon_nav.png") center 15px no-repeat; height: 90px; display: inline-block;padding-top:58px;font-size: 20px;color: #585858;}
.up-banner-ad-words{height: 50px;background-color: #f5f5f5; line-height: 50px;text-align: center;}
.up-banner-ad-words img{max-width: 100%}
.top-nav-drop-list{width: 96%;height:380px;position: absolute; margin-top: -190px;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    left: 2%;top:50%;background: #fff;z-index: 1000;display: none;box-shadow: 0px 0px 30px rgba(0,0,0,.17)}
.top-nav-drop-list .arrow-up{width: 0px;height: 0px;border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 18px solid #fff;position: absolute;top:-18px;right: 32px;}
.top-nav-drop-list .list-group a{font-size: 28px;}
.btn-close-top-nav{width: 59px;height:59px;background: url("../images/close_circle.png") center no-repeat;position: absolute;left: 50%;bottom: -80px;
    margin-left: -18px;border: 0;
}

/*首页*/
.ule-banner img{width: 100%;height: 415px;}
.home-banner-pagination .swiper-pagination-bullet{height: 4px; background: #aaa;width: 69px;border-radius:2px;}
.home-banner-pagination .swiper-pagination-bullet-active{ background: #fff;}
/*八大导航*/
.page-eight-nav{padding: 10px 35px; padding-bottom: 30px;}
.page-eight-nav .col-sm-3{text-align: center; margin-top: 30px;}
.page-eight-nav .col-sm-3 a{font-size: 24px;color:#3f3f3f}
.page-eight-nav .col-sm-3 a p:nth-child(2){height: 30px; overflow: hidden;margin-top: 10px;}
.nav-hot-mark{display: inline-block;width: 57px;height: 40px;background: url("../img/hot.png") center no-repeat;
    left: 50%;position: absolute;top:-10px;z-index: 3;margin-left: 20px;display: none;}
.page-eight-nav .col-sm-3.hot .nav-hot-mark{display: inline-block}
/*budget*/
.ule-budget-window{margin: 0px 30px;background-color: #fbfbfb; border: 2px solid #fd7534;min-height: 500px; box-shadow: 0px 0px 24px rgba(0,0,0,.17);padding-bottom:30px;}
.ule-budget-title{text-align: center;font-size: 36px;color:#383838;margin-top: 35px;}
.ule-budget-form-area{padding: 0px 15px;}
.ule-checkbox{text-align: center}
.ule-title-alarm{padding-left: 60px;font-size:24px;height: 34px;line-height: 34px;color: #818181;background: url("../img/icon_alarm.png") left center no-repeat}
.house-type-select-row{margin-top: 50px;margin-bottom: 50px !important;}
.ule-checkbox .tag{top:-11px; color: #383838;font-size: 24px; margin-left: 20px;}
.budget-modal,.shadow-modal{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,.3) ;left: 0px;top: 0px; z-index: 1000;display: none;}
.budget-alert-box{background-color: #fff;height: 500px; position: absolute;top:50%;margin-top: -250px;padding: 20px;width: 94%;left: 3%;animation-duration:0.3s}
.btn-close-budget-modal{width: 150px;}
/*home ad video*/
.home-video-title{padding: 20px;text-align: right;margin:40px 20px 0px;}
.home-video-title a.link-more{font-size: 30px;}
.home-ad-video{margin:0px 20px;border: 2px solid #fb8f37;height: 400px;}
/*hot activity*/
.hot-activity{background-color: #f3f3f3;margin-top: 65px; box-shadow: 0px 0px 24px rgba(0,0,0,.17);padding-top: 18px;padding-bottom: 40px;}
.hot-activity-list{margin-top: 38px;padding: 0px 20px;}
.hot-activity-swiper .swiper-slide{width: 200px;}
.hot-activity .ha-item{background: #fff;min-height: 320px; position: relative;padding-top: 20px;}
.hot-activity .ha-item .ha-item-img{position: absolute;bottom:0px;}
.hot-activity .ha-item-content{text-align: center;}
.hot-activity .ha-item-content p:first-child{margin-bottom: 14px;}
.hot-activity .ha-item-content p:nth-child(2){margin-bottom: 9px;}
/*样板间*/
.ule-brilliant-show{background-color: #f9f9f9;padding-top: 35px;}
.ule-brilliant-show .title-name{background-color: #f9f9f9}
.ule-brilliant-show-list{padding: 0px 10px}
.ule-brilliant-show-item{margin: 20px 7px; background: #fff;text-align: center;padding-top: 21px;}
.ule-brilliant-show-item p{color:#b1b1b1;font-size: 18px;}
.ule-brilliant-show-img{margin-top: 25px;}
.ule-brilliant-show-img img{width: 100%;height: 237px;}
/*设计师*/
.ule-designers{margin-top: 74px;}
.ule-designers .designer-list-swiper{padding: 0px 20px;margin-top: 54px;}
.ule-designers .title-name{background-color: #f9f9f9}
.ule-designers .swiper-slide{width: 150px;text-align: center}
.ule-designers .swiper-slide .designer-item p{text-align: center;font-size: 24px;color: #383838;margin-top: 21px;}
.designers-underline{margin: 27px 86px 18px;background-color: #f9e8e6;height: 1px;}
/*最新资讯*/
.ule-latest-information{padding-top: 35px;}
.ule-latest-information .title-name{background-color: #f9f9f9}{}
.ule-home-latest-information-list{padding: 0px 13px;margin-top: 40px;}
.ule-latest-information-item{margin: 0px 7px;background: #fff;}
.ule-latest-information-item .ulii-img img{height: 263px;width: 100%;}
.ule-latest-information-item .info-desc{padding: 7px 18px;}
.ule-latest-information-item .info-desc .info-name{font-size: 26px;margin-top:18px;color:#383838;
    height: 30px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ule-latest-information-item .info-desc .info-title{font-size: 22px;color:#383838;margin-top: 13px;line-height: 32px; overflow:hidden;}
.ule-latest-information-item .info-desc .info-date{font-size: 18px;color:#383838;margin-top: 22px;padding-left: 14px;}
/*首页end*/
/*关于优乐*/
.about-us-banner{height: 349px;}
.about-us-banner img{height: 349px;width: 100%;}
.btn-back{height: 38px;line-height: 38px;text-align: center; border: 1px solid #383838; display: inline-block;border-radius:19px;min-width: 100px;font-size: 30px;float: left;margin-top: 26px;}
.about-us-description{
    background: #f9f9f9;margin: 30px 35px;box-shadow: 0px 0px 34px rgba(0,0,0,.17); min-height:1000px;padding: 18px 25px;font-size: 24px;line-height: 48px;
    font-family: "微软雅黑";line-height: 60px;
}
.ule-partners{margin-top: 66px;margin-bottom: 30px;}
.ule-partners-title{height: 75px;line-height: 75px;font-size: 36px;color:#fff;background-color: #1d8fd1;text-align: center}
.ule-partners-list{margin-top: 40px;}
.ule-partners img{width: 100%}
/*热门活动*/
.popular-activity-list{background: #f9f9f9;margin: 20px;box-shadow: 0px 0px 34px rgba(0,0,0,.17);padding:15px;font-size: 28px;}
.popular-activity-list ul li{margin-bottom: 15px;}
.popular-activity-list ul li .activity-img{width: 280px;height: 170px;float: left;}
.popular-activity-list ul li .activity-info{padding-left: 297px;}
.popular-activity-list ul li .activity-info .activity-name{font-size: 30px;font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;height: 32px;}
.popular-activity-list ul li .activity-info .activity-title{font-size: 24px;line-height: 32px;}
/*热门小区*/
.village-area-select{background-color: #f6f6f6;margin: 20px;min-height: 100px;border:1px solid #f0f0f0;padding:15px;font-size: 22px;}
.village-select-option-group{margin-bottom: 40px;}
.village-select-option-group:last-child{margin-bottom: 0px;}
.village-select-option-name{width: 76px;text-align: right;display: inline-block; float: left}
.village-select-option-list{padding-left: 106px;}
.village-select-option-list ul li{float: left;margin-right: 30px;}
.village-select-option-list a{font-size: 22px;}.village-select-option-list ul li.active a{color:#b7cd1f}
.village-banner .swiper-slide img{width: 100%;}
.village-introduction{padding: 13px 30px 20px;}
.village-introduction h2{font-size: 24px;margin-bottom: 18px;margin-top: 0px}.village-introduction p{font-size: 22px;text-indent: 2em;line-height: 30px;}
.village-appointment{margin: 20px;background-color: #f1f2ec; min-height:200px;padding: 20px;}
.village-construction-site{padding: 15px;}
.village-construction-site h2{font-size: 22px;margin: 0px;font-weight:bold;}
.village-construction-site .vcs-base-info{color: #929292;font-size: 18px;margin-top: 25px;}
.vcs-status-img{margin-top: 25px;}
.vcs-status-img .vcs-status-img-item{float: left; background: url("../img/construction_site_arrow_right.png") right center no-repeat;padding-right: 46px;margin-right: 5px;
    height:140px;position: relative}
.vcs-status-img .vcs-status-img-item .vcs-checked-sign{position: absolute;left: 0px;top: 0px;width: 140px;height: 140px;display: none;
    background-color: rgba(0,0,0,.15);border-radius: 50%;
}
.vcs-status-img .vcs-status-img-item .vcs-checked-sign .vcs-checked-mark{position: absolute;left: 55px;bottom: 12px;width: 47px;height: 39px;display: inline-block;
    background: url("../img/construction_site_checked.png") center no-repeat; }
.vcs-status-img .vcs-status-img-item:last-child{padding-right: 0px;background: none;margin-right: 0px;}
.vcs-status-img .vcs-status-img-item.checked .vcs-checked-sign{display: inline-block}
.vcs-status-img .vcs-status-img-item img{width: 140px;height: 140px;}
.village-house-type-images{padding: 20px;}
.village-house-type-images h2{font-size: 22px;font-weight: bold;}
.village-house-type-images .row{margin-top:15px;margin-bottom: 38px; }
/*装修预算页面*/
.decoration-budget-banner img{width: 100%;margin-bottom: 50px;}
.decoration-budget-footer-nav{background-color: #f8f8f8;box-shadow:0 0 34px rgba(0,0,0,.17);padding: 25px 35px;margin: 50px 0px;}
.decoration-budget-footer-nav a{}
/*底部导航*/
.main-body{padding-bottom: 90px;}
.attach-service-phone{display: inline-block;width: 76px;height: 77px;background: url("../img/service_phone.png") no-repeat; position: fixed;right: 0px; z-index: 100; top: 50%;margin-top: -38px;}
.ule-footer-nav{height: 90px; position: fixed;bottom: 0px;width: 100%;z-index: 100}
.ule-footer-nav .col-sm-4 a{display: inline-block;width: 100%;height: 90px; line-height: 90px;color:#fff;font-size: 30px; text-align: center}
.ule-footer-nav .col-sm-4:first-child a{background-color: #dc683f}
.ule-footer-nav .col-sm-4:nth-child(2) a{background-color: #f37446}
.ule-footer-nav .col-sm-4:last-child a{background-color: #e1842f}
.footer-contact-info-box{min-height: 414px; background: url("../img/footer_contact_bg.png") center bottom no-repeat;background-size: contain;text-align: center}
.footer-contact-info-box .contact-p{padding-top: 120px;text-align: center}
.contact-info{height: 166px;background-color: rgba(255,255,255,.60)}
.contact-info .contact-phone{font-size: 48px;color:#ff714c;font-weight:bold;margin-top: 15px}
.contact-info .contact-phone a{font-size: 48px;color:#ff714c;font-weight:bold;}
.contact-info .contact-address{font-size: 24px;color:#292929;}



